<template>
  <div class="header">
    <div class="logo">签到管理系统</div>
    <div class="yonghu" v-show="user2">欢迎：{{user2}}</div>
  </div>
</template>
<script>
import {computed} from 'vue';
import store from "@/store";
export default {
  name: "TheFooter.vue",
  setup(){
  },
  computed:{
    user2(){
      return store.state.username;
    }
  }
}
</script>

<style scoped>
.header {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  font-size: 26px;
  background-color: #5887f7;
}

.header .logo {
  float: left;
  width: 250px;
  line-height: 70px;
  color: #FFFFFF;
}
.header .yonghu {
  float: right;
  width: 250px;
  line-height: 70px;
  color: #FFFFFF;
}

</style>
